html{ height:100%;}
body {
  font:13px/1.231 arial, helvetica, clean, sans-serif;
  height:100%;
  padding:5px 0 5px 10px;
  background-color:#eee;
}
#nav {
  padding-bottom:10px;
  width:153px;
  height:100%;
  overflow-y:auto;
}
#nav a{
  word-wrap:break-word;
}
#nav h2 a{
  outline:none;
  display:block;
  border-bottom:1px solid #D9D9D9;
  margin:5px;
  padding:4px 5px 4px 0;
  color:#2288BB;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
}
#nav .new{
  background-color:#f00;
  display:inline-block;
  *zoom:1;
  *display:inline;
  width:23px;
  height:16px;
  position:relative;
  vertical-align:middle;
  top:-8px;
  left:2px;
  background:url(../img/new.png) no-repeat 0 0;
}
#nav h2.current a{
  background:url("../img/frame_btn.png") no-repeat -6px center;
  padding-left:10px;
}
#nav ol{
  margin-bottom:15px;
}
#nav ol li{
  background:url("../img/bullet.gif") no-repeat 6px 6px;
  font-size:12px;
  margin:0 5px 2px 12px;
  _zoom:1;
}
#nav ol li a,
#nav ol li a:visited {
  color:#333;
  display:block;
  padding:2px 5px 2px 16px;
  text-decoration:none;
}
#nav ol li a:hover {
  text-decoration:underline;
}
#nav ol li.current {
  background-position:6px -38px;
}
#nav ol li.current a{
	color:#2288BB;
}
#nav ol li span {
  color:#999;
  display:block;
  padding:2px 5px 2px 16px;
}
#frame_btn {
  background-color:##EEEEEE;
  background-image:url("../img/frame_btn.png");
  background-repeat:no-repeat;
  height:100%;
  right:2px;
  position:absolute;
  top:0;
  width:8px;
}
#frame_btn:hover{
  background-color:#fff;
}
#frame_btn:focus{
  outline:none;
}
.opened{
  background-position:3px center;
}
.closed{
  background-position:-5px center;
}
